/*------------------------------------------------------------------------
	PHONGJIM | Florian Werner
	Copright © 03/2020 phongjim.com, All rights reserved.
	PK 1.0.0 R1 | Joomla 3.x | Bootstrap 4.x

	Template summerschool.tugraz.at V.1.0.1
	index.php V.1.0.2
-------------------------------------------------------------------------*/

/*
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&display=swap');
font-family: 'Roboto Condensed', sans-serif;
*/

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

:root {
	--color-prime: 					#f99351;
   --color-sec: 					#00A84F;

   --main-bg-color: 				#fff;
   --footer-bg-color: 				#ebebeb;

   /* --font-text: 					Arial, Helvetica, sans-serif;
   --font-heading: 					Verdana, Arial, Helvetica, sans-serif; */
   --font-text: 					'Barlow Semi Condensed', sans-serif;
   --font-heading: 					'Barlow Semi Condensed', sans-serif;
   --font-weight-bold: 				600;

   --menu-text-color: 				#222;
   --menu-text-highlight: 			#fff;
   --menu-hover-bg-color: 			#f90;

   --text-dark-color: 				#2b2b2b;
   --text-light-color: 				#bbb;
   --heading-color: 				#181818;
   --footer-text-color: 			#444;

   --link-color: 					#00A84F;
   --link-color-hover: 				#f99351;

   --header-height: 				11em;
   --transition-setting:     		0.3s ease;

	font-size: 17px;
}

@media (min-width: 768px) {
   :root {font-size: 16px;}
   body {
      background-image: url(../images/hg.png);
      background-repeat: repeat;
   }
}
@media (min-width: 992px) {
 :root {font-size: 17px;}
}

@media (min-width: 1400px) {
   :root {font-size: 18px;}
.container {max-width: 1300px;}
}

html, body {width: 100vw;	overflow-x: hidden;}
body {
   background-color: #ebebeb;
   font-family: 'Barlow Semi Condensed', sans-serif;
   color: #2b2b2b;
}

/* HEADER
===============================================================*/
.fixed-top {position: relative;}
header {
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
   height: auto;
   background: rgba(255,255,255,1);
	 width: 100vw;
}
header .header-inner-wrapper {
   align-items: center;
   padding-left: 0;
   padding-right: 0;
   padding: 0;
   justify-content: flex-end;
}

header .header-logo-wrapper {display: flex; justify-content: space-between;}

header .logo {
   display: flex;
   flex-flow: row;
   align-items: center;
   flex: 1 1 50%;
   justify-content: space-around;
}

header .logo .title {
   text-transform: uppercase;
   line-height: 1.1;
   text-align: center;
   font-size: .8rem;
}

header .logo img {
   display: block;
   height: 4rem;
   width: auto;
   margin-top:.7rem;
   margin-bottom: 1rem;
   margin-left: .75em;
}

header .nav-main-wrapper {
   justify-content: stretch;
   padding: 0;
}
header a,
header a:hover {color: #000; text-decoration: none;}


@media (min-width: 768px) {
   .toggler-wrapper {display: none;}
   .fixed-top {position: fixed;}
   header {
		height: 9rem;
	   display: flex;
	   background: rgba(255,255,255,.0);
	   border-bottom: 0;
		/* -webkit-backdrop-filter: blur(2px); */
		/* border-bottom: 1px solid rgba(0,0,0,0.0);*/
      /* box-shadow: 0 .11em 2em rgba(0,0,0,0.2);   */
   }
   header .header-inner-wrapper {
      display: flex;
      flex-direction: column;
	   /* padding: 0 15px; */
      align-items: stretch;
      box-shadow:  0 .4rem 3rem rgba(0, 0, 0, 0.1);
   }

   header .header-logo-wrapper {
      background: rgba(255,255,255,.9);
      background: url(../images/header-hg.jpg) #fff;
      background-repeat: no-repeat;
      /* background-size: cover; */
      background-position:  85% 0;
      background-size: contain;
      flex: 1 1 auto;
   }

   header .nav-main-wrapper {
      background: #f99351;
      padding: 0;
   }
   header .logo img {
	   height: 5.0rem;
	   max-height: calc(11em*.7);
	   transition: all 0.5s ease;
	 }
   header .logo img:hover {
      transform: scale(1.03);
   }

   header .logo .title {
      line-height: 1.0;
      
      text-align: left;
      margin-left: .4em;
      margin-bottom: .4em;

   }

   header .logo .title>span {
      font-size: .6em;
      color: #555; 
      letter-spacing: -.02em;
   }


   .header-logo-innerwrapper-right {
      display: flex;
      flex-flow: column;
      align-items: flex-end;
      justify-content: space-around;
      padding-right: .7rem;
   }

   header .logo-tu {margin-top: .5em;}
   header .logo-tu img {
      height: 1.3rem;
   }

   .title-biomech {
      display: flex;
      flex-flow: row;
      align-items: center;
      background: rgba(255,255,255,.5);
      -webkit-backdrop-filter: blur(2px);
      padding-top: .2em;
      padding-bottom: .2em;
      box-shadow: 0 0.1em 0.5em rgba(0,0,0,0.3);
   }

   .title-biomech-left {
      font-size: .8rem;
      font-weight: bold;
      padding-left: 1em;
      padding-right: 1em;
      flex: 1 0 auto;
   }

   .title-biomech-right {
      font-size: .7rem;
      padding-left: 1.1em;
      padding-right: 1.1em;
      line-height: 1.1;
      flex: 1 0 auto;
   }
   .title-biomech-right span {
      display: block;
      font-size: .75em;
      color: #f99351;
   }
}

@media (min-width: 992px) {
   header {
      height: 10rem;
   }
   header .logo {
      justify-content: flex-start;
   }
   header .logo img {
	   height: 6.0rem;
	   max-height: calc(11em*.7);
	   transition: all 0.5s ease;
    }

    header .logo .title {
      line-height: 1.1;
      font-size: 1.1rem; 
   }

   header .logo-tu {margin-top: 1em;}
   header .logo-tu img {
      height: 2rem;
   }
   .title-biomech-left {
      font-size: 1.2rem;
      font-weight: bold;
      padding-left: 1.1em;
      padding-right: 1.1em;
   }

   .title-biomech-right {
      font-size: .75rem;
      padding-left: 0.5em;
      padding-right: 1.6em;
      line-height: 1.1;
   }
   .title-biomech-right span {
      display: block;
      font-size: .75em;
      color: #f99351;
   }
}

@media (min-width: 1400px) {
   header {
      height: 11rem;
   }
   header .logo .title {
      font-size: 1.6rem;
      max-width: 90%; 
   }
   header .logo img {
	   height: 7.5rem;
	   max-height: calc(11em*.8);
	   transition: all 0.5s ease;
    }
    .title-biomech-left {
      font-size: 1.4rem;
      font-weight: bold;
      padding-left: 1.1em;
      padding-right: 1.1em;
   }

   .title-biomech-right {
      font-size: .8rem;
      padding-left: 0.5em;
      padding-right: 1.6em;
      line-height: 1.1;
   }
   .title-biomech-right span {
      display: block;
      font-size: .75em;
      color: #f99351;
   }
}



/* CONTENT
===============================================================*/
.content-wrapper {
   background-color: #fff;
      padding-top: 1.5rem;
}

table {margin-bottom: 1.7em!important;}
/* tr td {border: 0; padding: .2em 0;} */

tr td {border: 0; }
tr {margin-bottom: .2em;}

.wpb_single_image a:hover {border: 0;}
.wpb_single_image a:hover img {opacity: 0.8;}


.content-wrapper [itemprop=articleBody] table {
   width: 100%!important;
}
/* SEARCH RIGHT */


.moduletable_search {margin-bottom: 2rem;}
.search_search .form-control {width: 100%!important;}

@media (max-width: 767.8px) {
   #right {border-top: 1px solid #ccc; padding-top: 1rem;}
   #right p {text-align: center!important;}
   .csColumn { width: 100%!important;}
}

@media (min-width: 768px) {

   .content-wrapper {
      padding-top: 9.75rem;
      /* padding-top: 11em; */
      /* background-image: url(../images/hg.png);
      background-repeat: repeat; */
      background: none;
   }
   .content-wrapper>.container {
      background: #fff;
      padding-top: 1.0rem;
      padding-bottom: 2rem;
      box-shadow:  0 .4rem 3rem rgba(0, 0, 0, 0.1);
      /* border: 1px solid #ccc; */
   }
   .content-innerwrapper article {
      padding-left: 1rem;
      padding-right: 1rem;
   }
   #right {
    margin-top: -0.2rem;
    font-size: .9rem;
    line-height: 1.3;
 }

   .right-innerwrapper {
     margin-left: -15px;
     padding-left: 15px;
     padding-top: .5rem;
     padding-bottom: 2rem;
     border-left: 1px solid #e7e7e7;
  }
}

@media (min-width: 992px) {
   .content-wrapper {
      padding-top: 10.7rem;
   }
   .content-innerwrapper article {
      padding-left: 2rem;
      padding-right: 2rem;
   }
   .content-wrapper>.container {
      padding-top: 2.2rem;
   }
   #right {margin-top: -1.2rem;}
}
@media (min-width: 1400px) {
   .content-wrapper {
      padding-top: 11.8rem;
   }
   .content-wrapper>.container {
      padding-top: 3rem;
   }
   .content-innerwrapper article {
      padding-left: 4rem;
      padding-right: 4rem;
   }
   #right {margin-top: -1.8rem;}
}



/* SINGLE PAGE
===============================================================*/
.post-thumbnail  {overflow: hidden; position: relative; max-height: 60vh;}
.post-thumbnail img {width: 100%; height: auto;}
.thumbnail-title {
   position: absolute;
   padding: .4em .8em;
   background: rgba(255, 217, 89, 0.8);
   color: #000;
   text-transform: none;
   bottom: 1em;
   left: 1.8em;
   /*transform: translate(-50%, -50%);*/
   box-shadow: 0 0em .8em rgba(0, 0, 0, .3);
}
.single-content,
.make-grid  {padding-top: 1.1em; padding-bottom: 3em;}
.make-grid {padding-left: 0; margin-bottom: 0;}
/* .post-thumbnail + .single-content {margin-top: 2em; } */
.single-format-aside .single-content,
.single-content-aside {padding-top: 0;}

@media (min-width: 768px) {
   .post-thumbnail {padding-left: 0; padding-right: 0; display: flex; align-items: center;}
   .single-content,
   .make-grid {padding-top: 2.5em; padding-bottom: 4rem; }
}

/* FOOTER
===============================================================*/
footer {
   padding: 0 0 3rem;
   color: #444;
   background: #fff;


}
.footer-inner-wrapper {
   align-items: center;
   -ms-flex-align: center;
   justify-content: space-between;
   background: #fff;
}

@media (min-width: 768px) {
   footer {
      padding: 0 0 4em;
      background: none;
   }

   .footer-inner-wrapper {
      padding-top: 1.5em;
      padding-bottom: 1.8em;
      background: #fff;
      /* box-shadow:  0 .4rem 3rem rgba(0, 0, 0, 0.1);  */
      border-top: 1px solid #dfdfdf;
      min-height: 3rem;
   }

   .footer-copyright { font-size: 0.85em; color: #666; text-align: left; padding-top: 0;}

}


/* HAUPTMENU NAVBAR  COMBAK
===============================================================*/
.nav-main {text-align: center;}
.nav-main > li > a {
   padding: 1rem!important;
   border-top: 1px solid rgba(0, 0, 0, 0.05);
   display: block;
   font-size: 1.2rem;
   font-weight: 500;
   text-align: right;
   background: #f99351;

   color: #000;
   text-transform: uppercase;
   transition: color, border 0.3s ease;
   /* text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale; */
}

/* MENU LINK ELEMENT */
.nav-main > li > a:hover,
.nav-main > li > a:focus {
   text-decoration: none;
   background:#f7a876;
   color: #fff;
}

.nav-main > li.active > a,
.nav-main > li.active > a:hover,
.nav-main > li.current-menu-parent,
.nav-main > li.current-menu-parent > a,
.nav-main > li.current-menu-parent > a:hover {
   color: #444;
   background:#f7a876;
   text-decoration: none;
}

/* MENU-TEXT ELEMENT */
.nav-main > li > a:hover,
.nav-main > li > a:focus {
   color: #333;
   border-bottom: 0;
}

.nav-main > li.active > a,
.nav-main > li > a.active,
.nav-main > li > a.active:focus,
.nav-main > li > a.active:hover,
.nav-main > li.current-menu-parent > a,
.nav-main > li.current-menu-parent > a:hover   {
   color: #fff;
}

@media (min-width: 768px) {
   .nav-main {text-align: left;   flex: 1 0 auto;}

   /* MENU LINK ELEMENT */
   .nav-main > li {
      flex: 1 1 auto;
      border-right: 1px solid #fff;
   }
   .nav-main > li:last-child {border-right: 0;}

   .nav-main > li > a {
      padding: .51rem 0.2rem!important;
      font-size: .75rem;
      border-top: 0;
      background: none;
      color: #222;
      flex: 1;
      text-align: center;
      transition: 0.3s ease;
      -webkit-transition: 0.3s ease;
      -moz-transition: 0.3s ease;
      -ms-transition: 0.3s ease;
      -o-transition: 0.3s ease;
}

   .nav-main>li>a:hover,
   .nav-main>li>a:focus {
      background:rgba(255, 255, 255, 0.3);
      color: #fff;
   }

   .nav-main > li.active > a,
   .nav-main > li.active > a:focus,
   .nav-main > li.active > a:hover,
   .nav-main > li > a.active,
   .nav-main > li > a.active:focus,
   .nav-main > li > a.active:hover,
   .nav-main > li.current-menu-parent,
   .nav-main > li.current-menu-parent > a,
   .nav-main > li.current-menu-parent > a:hover {
      color:#fff;
      /* border-bottom: 1px solid #fff; */
      background:rgba(255, 255, 255, 0.2);
      text-decoration: none;
      text-shadow: 0 .15em .3em rgba(0, 0, 0, .15);
   }
}

@media (min-width: 992px) {
   .nav-main > li > a
   {
      font-size: .92rem;
   }

}

/* MENÜ RIGHT */
#right .moduletable_menu {margin-bottom: 2rem; margin-left: -15px; margin-right: -15px;}
#right .moduletable_menu .nav-main > li > a {
   background: #efefef;
   color: #666;
   border-top: 1px dotted #ccc;
   padding: .8rem 1.4rem!important;
   text-align: left;
}
#right .moduletable_menu .nav-main > li > a:hover,
#right .moduletable_menu .nav-main > li > a:focus,
#right .moduletable_menu .nav-main > li.active > a {
   background: #d6d6d6;
   color: #000;
}
#right .moduletable_menu .nav-main > li:last-child > a {
   border-bottom: 1px dotted #ccc;
}
#right .moduletable_menu .nav-main .nav-child {padding-left: 0;}
#right .moduletable_menu .nav-main .nav-child li {
   list-style: none;
}

#right .moduletable_menu .nav-main .nav-child>li>a {
   padding: .8em 2.4em;
   display: block;
   border-bottom: 1px dotted #ccc;
}

#right .moduletable_menu .nav-main .nav-child>li>a:hover,
#right .moduletable_menu .nav-main .nav-child>li>a:focus,
#right .moduletable_menu .nav-main .nav-child>li.active>a {
   background: #e6e5e5;
   color: #000;
}
@media (max-width: 767.8px) {

   #right .moduletable_menu .nav-main > li > a {text-align: center;}

}





/* DROPDOWN
===============================================================*/
.dropdown-menu {
 padding: 0;
 background: #f6f6f6;
 border-radius: 0;
 border: 0;
}
.dropdown-menu > li > a {
   padding: .9em;
   text-align: right;
   background: rgba(0, 0, 0, .03);
   font-size: 1.1em;
   border-bottom: 1px solid rgba(0,0,0,.05);
}
.dropdown-menu > li > a .menu-text {
   font-size: 1.25em;
   text-transform: uppercase;
   color: #555;
   /* text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;
	   -moz-osx-font-smoothing: grayscale; */
}
.dropdown-menu > li:last-of-type > a {
   border-bottom: 0;
}
.dropdown-menu > li > a:hover {
   background: #f90;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
   color: #333;
   background: #efefef;
}

.dropdown-toggle::after {
   color: #222;
}

@media (min-width: 768px) {
   .dropdown-menu {
	 box-shadow: 0px .3em .3em rgba(0, 0, 0, .14);
	 border: 1px solid #e1e1e1;
	 background-color: rgba(255, 255, 255, 0.95);
	 border-radius: 0;
	 margin-top: 0px;
	   /* right: 0; */
   }

   .dropdown-menu > li > a {
	 text-align: left;
	 padding: 0.72em 0.8em;
   }

.dropdown:hover .dropdown-menu {display: block;}
}


/* FOOTER NAV
===============================================================*/
.footer-nav-wrapper .nav > li > a {
 font-size: 0.95em;
 text-transform: uppercase;
 color: #333;
   padding: .75rem 0;
 text-rendering: optimizeLegibility;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 text-align: center;
   border-bottom: 1px solid rgba(255,255,255,0.08);
   background: rgb(230, 230, 230);
}
.footer-nav-wrapper .nav > li:last-of-type > a {border-bottom: 0;}

.footer-nav-wrapper .nav > li > a:hover,
.footer-nav-wrapper .nav > li > a:focus {
   color: #333;
   text-decoration: none;
   background: #d6d6d6;
}
.footer-nav-wrapper .nav > li.active > a,
.footer-nav-wrapper .nav > li.active > a:focus,
.footer-nav-wrapper .nav > li.active > a:hover {
   color: #000;
   text-decoration: none;
   /* background:#d6d6d6; */
}
@media (max-width: 767.8px) {
   .footer-nav-wrapper {
      margin-left: -15px;
      margin-right: -15px;
   }

   .footer-copyright {font-size: .8rem;}
}
@media (min-width: 768px) {
   .footer-nav-wrapper .nav {
    border-right: 1px solid #ccc;
      display: block;
      padding-right: 15px;
      padding-top: .2em;
      padding-bottom: .2em;
   }

   .footer-nav-wrapper .nav>li>a {
      display: block;
      font-size: 0.9em;
      padding: 0 !important;
      border-bottom: 0;
      text-align: right;
      text-transform: unset;
      background: none;
      color: #777;
   }
   .footer-nav-wrapper .nav > li > a:hover {
    background: none;
    color: #000;
    text-decoration: underline;
   }
   .footer-nav-wrapper .nav > li.current_page_item > a {
	 background: none;
   }
}


/* TEXT STYLES
================================================================
===============================================================*/
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
   color: #181818;
   font-family: 'Barlow Semi Condensed', sans-serif;
   line-height: 1.2;
   /*text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;*/
   font-weight: normal;
}

h1, .h1 {
   font-size: 1.8em;
  }
  
  h2, .h2 {
   font-size: 1.4em;
  }
  
  h3, .h3 {
   font-size: 1.3em;
  }
  
  h4, .h4 {
   font-size: 1.12em;
  }

.single-title {text-align: left;}
.cat-title {margin-top: 1rem;}
article p {
   margin-bottom: 1.5rem;
   line-height: 1.35;
}

@media (min-width: 768px) {
   h1, h2, h3, h4, h5, h6,
   .h1, .h2, .h3, .h4, .h5, .h6,
   h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	   line-height: 1.4;
	   /*text-rendering: optimizeLegibility;
	   -webkit-font-smoothing: antialiased;
	   -moz-osx-font-smoothing: grayscale;*/
		/* font-weight: 600; */
   }

   h1, .h1 {
      font-size: 1.9em;
     }
  
     h2, .h2 {
      font-size: 1.7em;
      margin-top: .5em;
      margin-bottom: .5em;
     }
     .page-header h1,
     .page-header h2 {
        margin-top: 0;
        margin-bottom: 1em;
     }
  
     h3, .h3 {
      font-size: 1.3em;
      margin-top: 1.2em;
      margin-bottom: .15em;
     }
  
     h4, .h4 {
      font-size: 1.2em;
      margin-top: 1em;
      margin-bottom: .1em;
     }
}

/* a links
===============================================================*/
a {color: #00A84F;}
a:hover {color: #f99351;}

.single-content p a {
 border-bottom: 1px dotted #00A84F;
 color: #00A84F;
}
.single-content p a:hover,
.single-content p a:focus {
 border-bottom: 1px dotted #f99351;
 text-decoration: none;
 color: #f99351;
}
strong, b {font-weight: 600;}


footer a {color: #444; }


/* CONTENT BLOG READMORE
===============================================================*/
.readmore {
   background: rgba(255, 221, 0, 0.35);
   border: 0 solid rgba(0, 0, 0, .10);
   border-radius: 3px;
   color: #2b2b2b;
   padding: 0.7em 1.3em;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
   float: right;
}
.readmore:hover {
   background: rgba(255, 221, 0, 0.7);
   text-decoration: none;
   border: 0;
}





/* NUMERICAL PAGEINATION
===============================================================*/
.page-navigation {padding-bottom: 2rem;}
.pagination .page-link {
 border-radius: 0 !important;
 border: 0 !important;
 background: rgba(0, 0, 0, 0.05);
   color:  #f99351;
}
.pagination .page-link:hover {
 background: rgba(0, 0, 0, 0.1);
}
.pagination a {transition: all 0.3s ease;}
.page-navigation .page-item.active .page-link {
 background-color: #f99351;
 border-color: #f99351;
}


/* SEARCH FORM & SEARCH v.1.0
===============================================================*/
.searchform {background: #f0f0f0;}
.searchform .input-group {border: 1px solid #ddd; min-width: 20rem;}
.searchform .form-control {
 border: 0;
 font-size: 1em;
   padding: .2rem .75rem;
 background: none;
 box-shadow: 0 0;
 color: #2b2b2b;
 font-weight: bold;
}
.searchform .form-control:focus {background: rgba(255,255,255,.5);}

.searchform .input-group-btn {
   display: flex;
   align-items: stretch;
   justify-content: stretch;
}
.searchform .btn-secondary {
 border: 0;
 color: #777;
 background: rgba(0,0,0,.02);
 font-size: .8em;
 border-radius: 0;
 padding: 0 .55rem 0 .66rem;
}
.searchform .btn-secondary:hover {
 color: #666;
 background: rgba(0,0,0,.05);
}

footer .searchform .form-control {
 border: 0;
 font-size: 1.3rem;
 color: #666;
 font-weight: bold;
   background: #fff;
   padding: .65rem 1rem;
}
footer .searchform .form-control:focus {background: #fff;}
footer .searchform .form-control::placeholder {color: #666;}

footer .searchform .btn-secondary {  padding: 0 1.3rem; color: #000; background: #ccc; border-radius: 0;}

.search-wrapper {margin-bottom: 2rem; padding: 1rem 1.5rem;  background:rgba(0,0,0,.03)}
.search-content-wrapper {padding-top: 1.5rem;}
.search-heading {padding-left: 1.5rem;}

@media (min-width: 768px) {
   footer .searchform .form-control {
	 border: 0;
	 font-size: 1rem;
	 color: #2b2b2b;
	 font-weight: bold;
	   padding: .2rem .75rem;
	   background: none;
   }
   footer .searchform .btn-secondary {
	 font-size: 1em;
	 background: none;
	 padding: .2rem .75rem;
   }
}

footer .searchform .input-group {border-bottom: 0;}



/* BOOTSTRAP MENU-TOGGLER OVERRIDE
===============================================================*/
.navbar-toggler-icon {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");

/* LIGHT */
/* url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); */
/* DARK */
/* url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://ww…p='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); */
}
.navbar-toggler {padding: 1.5rem;}

/* ANIMATED TOOGLER */
.toggler-wrapper {
   position: relative;
   align-self: stretch;
   background: #f99351;
   display: flex;
   /* margin-right: ; */
}
@media (min-width: 768px) and (max-width: 992px) {

}
@media (min-width: 768px) {
   .toggler-wrapper {margin-right: -15px;}
   .toggler-wrapper {display: none;}
}

.navbar-toggler:focus,
.navbar-toggler:active {
   outline: 0;
}
.navbar-toggler span {
 display: block;
 background-color: #fff;
 height: 3px;
 width: 25px;
 margin-top: 4px;
 margin-bottom: 4px;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 position: relative;
 left: 0;
 opacity: 1;
}

.navbar-toggler:not(.collapsed) span {
   margin-top: 0;
}
.navbar-toggler span:nth-child(1),
.navbar-toggler span:nth-child(3) {
 -webkit-transition: transform .35s ease-in-out;
 -moz-transition: transform .35s ease-in-out;
 -o-transition: transform .35s ease-in-out;
 transition: transform .35s ease-in-out;
}
.navbar-toggler:not(.collapsed) span:nth-child(1) {
 position: absolute;
 left: 25px;
 top: 50%;
 -webkit-transform: rotate(135deg);
 -moz-transform: rotate(135deg);
 -o-transform: rotate(135deg);
 transform: rotate(135deg);
 opacity: 0.9;
}
.navbar-toggler:not(.collapsed) span:nth-child(2) {
 /* height: 25px; */
 visibility: hidden;
 background-color: transparent;
}
.navbar-toggler:not(.collapsed) span:nth-child(3) {
 position: absolute;
 left: 25px;
 top: 50%;
 -webkit-transform: rotate(-135deg);
 -moz-transform: rotate(-135deg);
 -o-transform: rotate(-135deg);
 transform: rotate(-135deg);
 opacity: 0.9;
}


/* SKIP LINKS & SCROLL TOP
===============================================================*/
.visible-hidden {
   clip: rect(1px, 1px, 1px, 1px);
   height: 1px;
   overflow: hidden;
   position: absolute;
   white-space: nowrap;
   width: 1px;
}

.visible-hidden:focus {
   clip: auto;
   height: auto;
   overflow: auto;
   position: absolute;
   width: auto;
   background: rgba(255, 255, 255, 0.8);
   padding: .5em 1.5em;
   color: #000;
   border: #333 solid 1px;
   box-shadow: 0 .5em .5em rgba(0, 0, 0, 0.6);
   z-index: 2000;
   outline: none;
   margin: 5px;
}



/* WP Logout Screen
===============================================================*/
.aiowps-site-lockout-body {background: #fff!important; width: 100%; height: 100vh; padding-top: 5em;}
.aiowps-site-lockout-box {max-width: 1170px; border: 0; padding-bottom: 8em; margin-top: 0;}
.aiowps-site-lockout-msg {color: #333; font-size: 16px; font-weight: normal;}
.aiowps-site-lockout-msg  h1 {color: #444;}
.offline-logo {width: 25rem; height: auto; margin: 0 auto;}


/* BOOTSTRAP OVERWRITE
===============================================================*/
.btn-primary {
 background-color: #00A84F;
 border-color: transparent;
 border-radius: 0;
}

.btn-primary.disabled, .btn-primary:disabled {
 background-color: rgba(0, 0, 0, .35);
 border-color: transparent;
 border-radius: 0;
}

.btn-primary.disabled, .btn-primary:disabled:hover {
 background-color: rgba(0, 0, 0, .35);
 border-color: transparent;
 border-radius: 0;
 cursor: not-allowed;
}

.btn-primary:hover {
 background-color: #f99351;
 border-color: transparent;
}



/*  WARNUNGEN UND INFOS
===============================================================*/
.info-wrapper {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   padding: 1rem 1.5rem;
   background: rgba(0, 0, 0, .04);
   margin-bottom: 1em;
}

.info-wrapper .fa {
   font-size: 1.5em;
   margin-left: .2em;
   margin-right: 1.1em;
   color: #f99351;
}
.info-wrapper h2 {
 font-size: 1rem;
 padding: 0;
 margin: 0;
 color: #2b2b2b;
 font-family: 'Barlow Semi Condensed', sans-serif;
 font-weight: 600;
}
.has-error input,
.has-error .form-control  {
 color: #c6313f;
 background-color: #ffb2b5!important;
 border-color: #c6313f;
}

.red,
.red ::-webkit-input-placeholder,
.red ::-moz-placeholder,
.red :-ms-input-placeholder,
.red :-moz-placeholder {color: #c6313f;}
.red .form-control {background-color: #fff5f5;}


/* SIDEBAR BOTTOM :OPTIONAL
===============================================================*/
.bottom {
   padding: 3rem 0 3.5rem;
   background: #ebebeb;
   border-bottom: 1px solid rgba(255, 255, 255, .1);
   font-size: 0.9rem;
   text-align: justify;
 }
 .bottom-inner-wrapper {
   align-items: center;
   -ms-flex-align: center;
   justify-content: space-between;
 }
 .bottom * {
   color: #444;
   font-size: 0.9rem;
 }

 .bottom a:hover {text-decoration: none;}

/* Joomla Klassen
===============================================================*/
[itemprop="articleBody"] img,
.blog-featured img {
   max-width: 100%;
   height: auto;
}

/* SONSTIGES & HILFSKLASSEN
===============================================================*/
.img-fluid {width: 100vw; height: auto;}

@-moz-document url-prefix() {.img-fluid {width: 100% } /* Nur Firefox */}
.clearfix {width: 100%; clear: both;}
.loop-alert {margin: 2em;}

.aligncenter {text-align: center; margin: 0 auto;}
.forcecenter {display: table; margin: 0 auto;}
.remove-break {display: inline;}

.wp-block-table {width: 100%;}
.checkbox input,
.radio input {margin-right: .25em;}
.radio label {font-size: 1.2rem;}
.form-control {font-size: 1.2rem; padding: .55rem 1rem;}



/* sonstige Media Queries
===============================================================*/
@media only screen and (max-width: 767.98px) {
 /* Header */
   header .header-inner-wrapper {max-width: 100vw;}
   .dropdown-toggle  {outline: 0;}
   /* Footer NAV  */
   .footer-nav .nav {
	 display: table;
	 margin: 0 auto;
	 width: 100%;
	 text-align: center;
	 clear: both;
   }

   /* CONTENT */
   .post-thumbnail {padding-left: 0; padding-right: 0;}
   .single-content img {width: 100%; height:auto;}

   /* HILFSKLASSEN  */
   .mobile-padding-top {padding-top: 1.5rem;}
   .mobile-padding-bottom {padding-bottom: 1.5rem;}
   .mobile-center {text-align: center;}
   .alert {text-align: center;}
   .post-nav-link {text-overflow: ellipsis; width: 40vw;}
   .force-break {display: block;}
   .hidden-xs {
      clip: rect(1px, 1px, 1px, 1px);
      height: 1px;
      overflow: hidden;
      position: absolute;
      white-space: nowrap;
      width: 1px;
   }
}
@media (min-width: 768px) {
   .affix {position: fixed;  background: red;}
   .admin-bar .fixed-top  {margin-top: 32px;}
   .img-fluid {width: 100%;}
   .remove-break {display: block;}
}