/*Mod img width 2020 982, 1130 780*/

/**************************
Body &   General 
**************************/
* {
    -webkit-tap-highlight-color: rgba(0,0,0,0) !important;
}


/*Overflow und 100% height bei body / html können flex sticky stören*/


body{
    
    /*font-family: Lato;*/
    background-color: #FFFFFF !important;
    font-family: "Montserrat", sans-serif;
    
  /*font-family: "Raleway", sans-serif;*/

     /* Smoothing */
    
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    
    display:flex;
    flex-direction: column;
   /*height: 100%;*/
	
/*
	-ms-hyphens:auto;
	-webkit-hyphens: auto;
	hyphens: auto;*/
   
    /*hyphenate-limit-chars: 10 3 4;
    -ms-hyphenate-limit-chars: 10 3 4;
    -webkit-hyphenate-limit-chars: 10 3 4;*/
    
}



a{
     /* color: #000000;*/
    /*color: #808080;*/
    color: #800000;
      /*  text-decoration: underline;*/
}




a:hover{
    color: #800000;
}



.col-thumb a{
    color: #333;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 400;
}

.col-thumb a:hover .entry_title p{
   color:  #800000 !important;
	
}


.greylink a{
    color:#808080;
    text-decoration: underline;
}

.greylink a:hover{
    color: #800000;
}


button:active, button:focus, button:active:focus{
   outline: none !important; 
}


h3{
    font-size: 1.4rem;
    font-weight: 500;
}

h2 {
    font-size: 1rem;
    font-weight: 500;
   /* padding-top: 2rem;*/
}


h4{
    color:rgb(33, 37, 41);
    font-size: .9rem;
    font-weight: 400;
}

 h5, h6{
    font-size: 1rem;
    font-weight: 400;
    color: #808080;  
}


p {
      font-size: 1rem;
    font-weight: 400;
      color: #808080;  
}



.clearer {
    clear: both;
}
.clearfix::after{
    display: table;
    content:"";
    clear:both;

}


.bgwhite{
    background-color:#FFFFFF;
}

.bggrey{
    background-color: #F8F8F8;
}



/*************************
Header  
**************************/




.stickytop{
   position: sticky;
    position: -webkit-sticky;
	top: -55px;
	top: 0;
z-index: 1020;
    display: block;
}

.stickytop.start{
	  top: 0px;
}

.offsettop{ 
/*margin-top: -85px;   */ 
}







#logowrap {
      width: 100%;
    /*height: 85px;****/
    display: block;
    margin: 0 auto;
     opacity:1;
    width: 100%;
    z-index:1200; 
}



.logocontent{
     width: 100%;
/*new*/
	display: none;
    
    background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%);
    background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); 
    
    -moz-transition: all .1s ease-out;
    -webkit-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    transition: all .1s ease-out;

}

.logo {
    position:relative;
    max-width: 700px;
   margin: 0 auto;
    display: block;
    padding-bottom: 0.5rem;
	padding-top:  0.5rem;
    padding-left: 2%;
    padding-right: 2%;

     text-align: right;
	line-height: 1.2;
    color: #f8f8f8;
    opacity: 0;
    
    -moz-transition: all .1s ease-out;
    -webkit-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    transition: all .1s ease-out;
    font-size:1;
    font-weight: 500;
}



.logo-solid #logowrap {
    width: 100%;
   /* height: 85px;**/
    display: block;
    margin: 0 auto;
     opacity:1;
    width: 100%;
    z-index:1200; 

}

.logo-solid .logocontent{
    background: none #FFFFFF ;  
}

.logo-solid .logo {
    opacity:1;
color: #808080;
    font-size:1rem;
}

.logo-solid .logo p{
	margin:0;
	
}

.logo-solid .bkname {
	font-weight: 500;
}

.logo-solid .bkdesc {
	font-weight: 300;
}


.logo img{
	/*max-width: 180px;
	height: 40px;
	width: 133.45px;*/
	width: 180px;
}


/*************************
Footer 
**************************/


.foot{
     background-color: #ebebeb;
    flex-shrink: 0;
    /*position: sticky;
    position: -webkit-sticky;*/

    bottom:0;
    z-index:100;
}


/**************************
Navigation
**************************/


/*********MAIN*****************/

.naviwrap{
	max-width:700px;
	width: 100%;
	margin:auto;
	display: flex;
}

.mainmenubar{
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: dotted;
    border-bottom-style: dotted;
    /*padding: 0 !important;*/
    background-color: #FFFFFF;
}

.mainmenubar .navbar-toggler{
    display:none;
}


.mainmenubar ul{
    display: flex;
    flex-direction: row;
}

.mainmenubar li{
      cursor: pointer;
}


.mainmenubar li a{
    color: #808080;
    font-size: 1.2rem;
    /*font-size: 1.1rem;*/
   /* font-weight: 400;*/
    /*font-weight: 500;*/
	/*font-weight: 700;*/
    display: inline-block;
    line-height: 1;
    padding-left: 0rem !important;
    padding-right:1rem !important;
	padding-bottom: 0 !important;
    text-decoration: none;
/*font-family: ofelia-text, sans-serif;*/
/*font-weight: 400;*/
font-style: normal;
}

.mainmenubar li:hover a{
    color:  #800000 !important;
}

.mainmenubar li:hover::before{
    color:  #800000 !important;
}

.mainmenubar li::before{
    padding-right: .2rem;
  
}

.navbar-toggler{
    display: flex;
     max-width: 700px;
     width: 100%;
    margin: 0 auto;
    padding: .2rem .75rem;
     align-items: center;
 
}

.mainmenubar #navbarCollapse{
    display: flex;
    flex-direction: row;
}

.hidemt{
    font-size: 0 !important;
}
.navbar-collapse{
   width:100%;
    /*border-top: 1px;
    border-top-style:dotted;*/
    margin-top: -1px; 
}


#collapse-content{
    padding-left: .75rem;
    padding-right: .75rem;
    width: 100%;
    max-width: 700px;
    display:block;
    margin: 0 auto;
    display:block;  

}



.current-menu-item {
       color: #800000 !important;  
}

.current-menu-item a {
       color: #800000 !important;
  
}

.toggletext {
    padding-left: 0.75rem;
    line-height: 1;
    font-size: 1.2rem;
    font-weight: 400;    
    color:  #800000;

}


.toggletext.closeButton{
    opacity: 0.5;
    color: #808080;
  
}

/***********Submenu Tags *****/



.submenubar{
    border-top:0;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    /*padding: 0 !important;*/
    background-color: #FFFFFF;
	
}


.submenu-content{
    width: 100%;
}

.submenu {
    border-top-width: 1px;
    border-top-style: dotted
    margin-top: 0rem;
	width: 100%;
	margin:auto;
}

.submenubar:not(.visible){
    display:none;
}


.tags {
    list-style: none;
    display: flex;
    flex-direction:row;
    padding-left: 0;
    margin-bottom: 0;
    flex-wrap:wrap;
        flex-direction: row;
        margin-left: -.5rem;
        margin-right: -.5rem;
    
}






 .tags li{
	     position: relative;  
         margin-left: .5rem;
         margin-right: .5rem;
    }


.tags li:first-child {
    padding-left: 0;
}

.tags li:last-child{
    border-right:none;
}


.tags li:last-child:after{
    display: none;
}


.tags li a{
	  text-decoration: none;
    color: #808080;
     font-size:1rem;
	font-weight:500;
	/*font-family: ofelia-text, sans-serif;*/
	font-weight: 400;
	font-style: normal;
}


.tags li a:hover{

    color:  #800000 !important;

}


    .tags li:after{
    content : "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin:auto;
    right: -.5rem;
    z-index: 100;
    width  : 1px;
    height   : 50%;  
    background: #555;

}
  

 
.active_tag{
     color: #800000 !important;
}


.tags-title {
    /*padding-left: 1.25rem;*/
     padding-left: .5rem;
    line-height: 1;
    /*font-size: 1.2rem;
    font-weight: 400;*/
	 font-size: 1rem;
    font-weight: 700;
    color: #800000;
}




/***********Footer Menu *****/
#menu-footer li{
    list-style: none;
    font-size: .9rem;
    color: #808080;
}

#menu-footer a{
     color: #808080;
}

#menu-footer li::after {
    content: ".";
    padding:0 .2rem 0 .2rem;
}

#menu-footer li:last-child::after{
    display: none;
}


#menu-footer {
    display: flex;
    flex-direction: row;
     list-style-type: none; 
    padding: 0;
    margin: 0;
}




.fa-instagram, fa-linkedin-square{
   /* padding-left: .3rem;
    padding-right: .3rem;*/
}
/*********TOGGLEICON*****************/




/**************************
Main / Containers
**************************/

[role=main] {    

    margin-top: auto;
    z-index: 2;
}

#main{    
    min-height: 100vh;
    position: relative;
    background-color: #F8F8F8;
}



.home section{
	width: 100%;
	max-width: 100%;
padding-bottom: 2.5rem;
	padding-top: 2.5rem;
	line-height: 1.5;
}

.bkpage section{
    	width: 100%;
	flex: 0 0 100%;
	max-width: 100%;
padding-bottom: 2.5rem;
	padding-top: 2.5rem;
	line-height: 1.5;
}


.content {
    max-width: 100% !important;
	padding: 0;
}



.ptfcontent{
    max-width: 700px !important;
    padding:2.5rem .25rem;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    z-index:2;
    display:flex;
    flex-wrap:wrap;
   /* gap:1rem;*/
}


.pgcontent{
     max-width: 700px !important;
    padding:0 0.75rem;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    z-index:2;
    display:flex;
    flex-wrap:wrap;  
}

.ptfcontent.single{
    display: block;
}




.contentblock{
	 max-width: 700px !important;

    margin-right: auto;
    margin-left: auto;
    width: 100%;
	margin-bottom:0;
	/*padding-bottom: 3rem;
	padding-top: 1rem;*/
     line-height: 1.5;
    gap: 1rem;
	/*padding-left:.75rem;
	padding-right: .75rem;*/
       /* padding-top: 3rem;
    padding-bottom: 3rem;*/
    padding-left:.75rem;
    padding-right: .75rem;
}


.contentblock .buttonwrap{
    padding-top:2rem;
    padding-bottom: 2rem;
}


.contentblock h3{
	font-size: 1rem;
}


.contentblock h2{
padding-top: 0;
	
}



.contentblock p{
    font-size: 1rem;
    font-weight: 400;
      color: #808080;
    padding-bottom: 0;
   
     
}

 .contentblock h4{
	/*padding-top:2rem;*/
     border-bottom: dotted 1px;
     display:inline-block;
    /* font-size: 1.2rem;*/
}


.contentblock .text {
       /* padding-left: .75rem;
        padding-right:.75rem;*/
    }
    
.contentblock div.bild {
       /* padding-left: .75rem;
        padding-right:.75rem;*/
    }


.contentblock .icon-arrow-right {
    padding-right: .2rem;
      color: #800000;

}
.contentblock .icon-arrow-right a{
  /*font-family: "Montserrat", sans-serif;*/
      font-family: "Raleway", sans-serif;
    text-decoration: none;
    padding-left: .2rem;
	
}




.main .page
{
	 max-width: 700px !important;

    margin-right: auto;
    margin-left: auto;
    width: 100%;
	margin-bottom:0;
	padding-bottom: 3rem;
	padding-top: 1rem;
     line-height: 1.5;
	padding-left: 0;
    padding-right: 0;
}

.home .page{
    padding-left: 0!important;
    padding-right: 0!important;
}


.home .blogcontent article {
	max-width: 700px !important;
    padding-left: .75rem;
	padding-right: .75rem;
	margin-left: auto;
	margin-right: auto;
}



	

.home .dateblock{
	/* max-width: 700px !important;*/
	padding-top: 2rem;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
	padding-left: .75rem;
	padding-right: .75rem;
	/*border-bottom-style:dotted;
	border-bottom-width:1px;*/
}

.home .dateblock p{
    text-decoration: underline;
    font-size: .8rem;
 
}


.foot .container{
    padding-top: .3rem;
    padding-bottom: .3rem;
}
.foot p{
    margin-bottom: .5rem;
    font-size: .9rem;
}


.row {
    margin:0;
    padding: 1rem 0;
      background-color: #F8F8F8; !important;
    z-index:10 ;
    position:relative;
}

.home .row{
	background-color: #FFFFFF !important;
}

.bkpage h2{
	margin-bottom: 1rem !important;
}


.bkpage p{
	hyphens: manual;
	-ms-hyphens:manuual;
	-webkit-hyphens: manual;
	
}

.bkpage .row{
    	background-color: #FFFFFF !important;
    
}
.row.start{
	padding-bottom:0;
}

.bkpage .publlist table, td, tr{
    border:none !important; 
    
}


.bkpage .publlist img{ 
    height: 40px;
    width: 40px;
    object-fit: cover;  
    padding:0;
}

.bkpage .publlist tr td {
    padding:.3rem 0;
}

.bkpage .publlist tr td:first-child {
    width:56px;
   padding-right: 1rem;
}
.bkpage .publlist {
      color: #808080;
}

.bkpage .publlist a{
     color:#212529;
}


 


    
}
.bkpage .publlist a:hover {
    text-decoration: underline;
    color: #800000;   
}



.eindrittel {
    width: 33%;
    flex-basis: 33% !important;
    flex-basis: 33% !important;
}

.zweidrittel {
    width: 66%;
    flex-basis: 66%!important;
}


/*************************
Portfolio Post Type
**************************/
.img-frame {
    width: 100%;
    padding-bottom: 100%;
    position: relative;
}

.col-thumb{
/*padding: 0.2rem;*/
    padding: .25rem;

}

.col-thumb img {
    display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
    
}

.col-thumb p{
  
    //text-align: center;
    font-size: 1rem;
    font-weight: 400;
    margin: 0;
    padding: 0;
   /* letter-spacing: -0.05em*/ 
   
}


.entry_title{
    padding-top: 7%;
		padding-left: .2rem;
	padding-right: .2rem;
}
.entry_title p{
	color: rgb(33, 37, 41);
}

.entry_desc{
padding-top: 1%;
padding-bottom: 15%;
	padding-left: .2rem;
	padding-right: .2rem;
	text-align: left;
}

.entry_desc p:first-child{
	/*color:#212529;*/
	
}

.entry_desc p{
color: #808080;
    font-size: .9rem;
	text-align: left;
}

.entry_desc a{
color: #808080;
    font-size: .9rem;
	text-align: left;
}

.read-more{
	/*display:none;*/
}


/*************************
Single Portfolio Page
**************************/
.back-icon{
	display:none;
}

.back-icon:hover{
    color: #800000;
}

.wp-block-portfolio-portfolio-wrapper img{
	max-height:600px!important;
	width:auto!important;
}


.wp-block-portfolio-portfolio-wrapper figure{
    width:100%;
     margin: auto;
	margin-top:.5rem;
	margin-bottom:2rem;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
}

.description-wrap{
    background-color: #FFFFFF;
}

.description-wrap h2{
	hyphens:none;
	-ms-hyphens:none;
	-webkit-hyphens: none;
}
.description{
	padding:2rem .75rem .75rem .75rem;
    position: relative;
}

.description h2{
	margin-bottom: 1rem;
	font-size: 1.2rem;
}


.description h1{
	margin-bottom: 1rem;
	font-size: 1.2rem;
}

.description p{
    font-weight: 400;
    /*font-size: .9rem;*/
    font-size: 1rem;
    margin-bottom: 1rem;
}

.wp-block-portfolio-portfolio-wrapper figcaption{
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    font-size: .9rem;
    font-weight: 300;
	/*text-align:center;*/
	/*background-color:#F8F8F8;*/
	margin-top: 0!important;
	margin-bottom: 0!important;
	padding-top: .5em;
	padding-bottom: 1em;
}




.portfolio-wrap p {
	font-size: .9rem;
}

figcaption{
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    font-size: .9rem;
    font-weight: 300;
}


.blog figcaption{
		text-align:left;
		font-size: 0.9rem;
	}

.blog .wp-block-gallery.has-nested-images figcaption{
	text-align: left;
	font-size: 0.9rem;
}
	



.entry-content h2:first-of-type{
    padding-top:0;
}




/*************************
Mainpage (index.php)
**************************/

.mainpage{
    padding-bottom: 2rem;
    padding-top: 2rem;
    line-height: 1.5;
	/*background-color:#FFFFFF;*/
}




.mainpage h1{
       font-size: 1.5rem;
	margin-bottom: 1rem !important;
    font-weight: 500;
	hyphens: none;
	-ms-hyphens:none;
	-webkit-hyphens: none;
}

.mainpage h2{
    /*padding-bottom: 2rem;*/
	margin-bottom: 1rem !important;
}



.mainpage h3{
    font-weight: 400;
}

.mainpage p{
    padding-bottom: 0;
	/*padding-top:1rem;*/
	hyphens: manual;
	-ms-hyphens:manuual;
	-webkit-hyphens: manual;
   
     
}

.mainpage .icon-arrow-right {
    padding-right: .2rem;
      color: #800000;
}

.mainpage .icon-arrow-right a{
  /*font-family: "Montserrat", sans-serif;*/
     /* font-family: "Raleway", sans-serif;*/
    text-decoration: none;
    padding-left: .2rem;
}



   .mainpage h1{
       /* text-align: center;*/
    }
    
     .mainpage h3{
       /* text-align: center;*/
    }

    







.sectionimage{
    height: 200px;
    width: 100%;
         margin:0 !important;
    padding:0;
    border-top: dotted 1px;
    display:none;

}

.sectionimage img{
    object-fit: cover;
    object-position: 50% 53%;
    width: 100%;
    height: 100% !important;
   
}

.blogcontent{
	width: 100%;
	background-color: #F8F8F8;
	/*background-color:#FFFFFF;*/

}

.blogcontent .titeltext{

    border-bottom-style:dotted;
    border-bottom-width: 1px;
    border-top-width: 1px;
	 border-top-style: dotted;
    
    /*background-color: #FFFFFF;*/

   /* background-color: #ebebeb;*/
}

.blogcontent .titeltext h2{
    padding: 1rem .75rem;
    color: rgb(128, 0, 0);
       font-size: 1.5rem;
    font-weight: 500;
       margin:auto;
    margin-bottom: 1rem !important;
	margin-top: 1rem;
    max-width: 700px;
    text-align: center;

}


.blogcontent section:nth-of-type(even){
	background-color:white;
}

.blogcontent section .contentblock >div:nth-child(1){
flex-basis:35%;
  
}
.blogcontent section .contentblock >div:nth-child(2){
flex-basis:65%;
  
}






/*************************
Headerimage indexpage
**************************/
.wpadminbar{
    display:none;
}

.headermedia{
  /*height: 90vh;*/
	/*height: 70vh;*/
		height: 50vh;
	
    max-height: 130vw;
    z-index:0;
    width: 100%;
   bottom:0;
    top:0;
    left:0;
    right:0;
    
}


.headermedia .medwrap{
    position: relative;
     width: 100vw;  
    height: 100%;
}


.headermedia .med{
     position: fixed;
    left: 0;  
    width: 100%;  
   /*height: 90vh;*/
	/*height: 70vh;*/
		height: 50vh;
   max-height: 130vw;
}



.headermedia img{ 
    width: 100%;
	/*height: 90vh;*/
	max-height: 130vw;
	/*
	width: 100%;
    height: 100%;*/
    object-fit: cover;
    object-position: 50% 50%;
	
	
	height: 100%;
	filter: brightness(70%);
}



.med::after {
background-color: #283747;
content: "";
display: block;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
    z-index:1;

opacity: 0.2;
}


.headertext{
    width: 100%;
    height: 100%;
    position: absolute;
    flex-direction: column;
    display:flex;
	justify-content:flex-end;
    justify-content:center;
   
    opacity: .8;
    mix-blend-mode: screen;
    color: #ffffff;
    z-index: 100;
	padding-bottom:85px;
    padding-top: 6rem;
	
  animation: fadeIn ease 2s;
  -webkit-animation: fadeIn ease 2s;
  -moz-animation: fadeIn ease 2s;;
  -o-animation: fadeIn ease 2s;
  -ms-animation: fadeIn ease 2s;

}



.headertext .logonew{
    width: 400px;
    max-width: 100vw;
    margin:auto;
	margin-bottom:0;
	/*
   display: flex;
    flex-wrap: wrap;*/
  
}

.headertext .logonew .logoimage{
    /*display: flex;
    width:120px;*/
	
	width: 100%;
}




.headertext .logonew .logoimage img{
    width: 120px;
    height: 100%;
    display:block;
    margin:auto;
}


.headertext .logonew .logotext{
    display: flex;
    flex-direction: column;
    align-items: center;
	/*
    justify-content: center;
    width: 280px;*/
	width: 100%;
}

.headertext .logonew .logotext h1{
   font-size: 3rem;
        padding: 0 0 0 .5rem;
    display:block;
}


.headertext .logonew .logotext h2{
   font-size: 1.45rem;
       padding: 0 0 0 .5rem;
    display:block;
}

.headertext .title {
	display:none;
}




@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}



.headertext .txtcontent{
	display: none;
      max-width: 900px;
	margin: 0 auto;
	width: 100%;
	padding-left: .75rem;
	padding-right: .75rem;
    
}


.headertext .headerlinks{
    display:flex;
    justify-content: center;
    z-index: 2000;
}

.headertext .headerlinks p {
    color: #000000;
    font-size: 1rem;
    display: inline-block;
    background-color: #ffffff;
    border-radius: 8px;
    line-height: 1.2rem;
    padding: .3rem !important;
    margin:.3rem;
    opacity: .9;
    
}

.headertext .headerlinks p:hover {
    cursor: pointer;
    display:inline-block;
}

.headerlinks p a{
    color:#000000;
    text-decoration: none;
    display:block;
    height: 100%;
}




.headertext .txtcontent h2{
    font-size: 1.45rem;
    font-size: 2rem;
    /* font-size:calc(0.6*(1.5rem + 1.5vw ) );*/
    font-weight: 400;
    /*font-style: italic;*/
	margin: 0 auto;
	line-height:1;
	margin-bottom:0;
	hyphens: manual;
	-ms-hyphens:manuual;
	-webkit-hyphens: manual;
    text-align: center;
    padding-bottom: .5rem;
 

    
}


.wp-block-image img{
    display: block;
    /*width: 100%;*/
}


/*************************
Cookiebanner
**************************/

.cc-link{
    font-size: 1rem;
     color: rgb(128, 0, 0) !important;
}

.cc-window{
    box-shadow: 0px 3px 12px black;
    background-color: #FFFFFF !important;
   /* font-family: "Montserrat", sans-serif !important;*/
      font-family: "Raleway", sans-serif !important;
    font-size: 1rem
}





/*************************
Imagecard Plugin
**************************/


.imagecard{
    width: 100%;
}

.imagecard .wp-block-columns{
    width: 100%;   
    display:flex;
    flex-direction: row;
    justify-content: space-between;
}

.imagecard .bild{
    position:relative;
    width: 48%;
    height: auto;
    display:block;
}



.imagecard figure{
    width: 100%;
    height: 100%;
}

.imagecard img{
    height:100%;
    width:100%;

     object-fit: contain;
  object-position: 0% 0%;
    /*border-radius: 10%;*/
}

.imagecard .text{
    width: 48%;
}

.imagecard h1{
    text-align: center;
}

.reverseorder .wp-block-columns{
    
    flex-direction: row-reverse;
}


/*swap order?*/


/*************************
Images (wp)
**************************/

figure.is-resized{
  /* width:48%;
    height: auto;*/
}

.alignleft{
   margin-right: 0;
   /* only big Screens
    float: left;
    padding-right: 1rem;*/
}

.alignright{
  margin-left: 0;
   /* only big Screens
    float: right;
    padding-left: 1rem;*/
}




figure img{
    width: 100%;
    height: 100%;
}

.halfwidth{
	width: 50%;
	height: auto;
}

.thirdwidth{
	width: 30%;
	height: auto;
}
.qrcode{

	height: auto;
	
}


/*************************
Cover-Images (wp)
**************************/


wp-block-cover-image.has-background-dim::before, .wp-block-cover.has-background-dim::before {
    content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: inherit;
opacity: .5;
    z-index: 1;
}

wp-block-cover-image::after, .wp-block-cover::after {

    content: none;

}

.wp-block-cover-image::after, .wp-block-cover::after {
   
    display: block;
content: "";
font-size: 0;
min-height: inherit;
}

::placeholder {
    color: #333;
    /*font-family: "Montserrat", sans-serif;*/
      /*font-family: "Raleway", sans-serif !important;*/
    opacity: 1;
}

.wp-block-cover, .wp-block-cover-image {

    position: relative;
    background-color: #000;
    background-size: cover;
    background-position: 50%;
    min-height: 430px;
    width: 100%;
    margin: 0 0 1.5em;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;

}

.has-large-font-size {

    font-size: 36px !important;
    margin: 0 0 1.5em;
    padding: 0;
    line-height: 1.5;

}

.wp-block-cover__inner-container p {

    color: #f8f9f9 !important;
       word-wrap: break-word;

}


.wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container {

    width: calc(100% - 70px);
    z-index: 1;
    color: #f8f9f9 !important;

}


.wp-block-gallery {
    display:flex;
   /* width: 48%;*/
   /* width: 100%;*/
    padding: 0;
    margin: 0;
    flex-wrap:wrap;
}

.wp-block-gallery figure{
       padding: 0;
    margin: 0;
}
.wp-block-gallery {}

.wp-block-gallery li{
    list-style: none;
    width:50%;
    margin: 0 !important;
}


/*************************
Animation on enter viewport
**************************/

/*bounce up animation for the subject*/
/*Startposition des bounce objekts 200px verschoben, Opacity 0
??? Verschiebung findet nicht statt??*/


article.animation-element {
	opacity: 0;
	 -moz-transition: opacity 2s ease-out, translate 3s ease-out;
  -webkit-transition: opacity 2s ease-out, translate 3s ease-out;
  -o-transition: opacity 2s ease-out, translate 3s ease-out;
  transition: opacity 2s ease-out, translate 3s ease-out;
/*	
  -moz-transform: translate3d(0px, 200px, 0px);
  -webkit-transform: translate3d(0px, 200px, 0px);
  -o-transform: translate(0px, 200px);
  -ms-transform: translate(0px, 200px, 0px;);
  transform: translate3d(0px, 200, 0px);*/

}


article.animation-element.in-view {
	  opacity: 1;
	-moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}


.bounce-up .subject {
  opacity: 0;

	
 -moz-transition: opacity 2s ease-out, translate 1s ease-out;
  -webkit-transition: opacity 2s ease-out, translate 1s ease-out;
  -o-transition: opacity 2s ease-out, translate 1s ease-out;
  transition: opacity 2s ease-out, translate 1s ease-out;
	
	
    
  -moz-transform: translate3d(0px, 200px, 0px);
  -webkit-transform: translate3d(0px, 200px, 0px);
  -o-transform: translate(0px, 200px);
  -ms-transform: translate(0px, 200px, 0px;);
  transform: translate3d(0px, 200, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}





/*Bounde Objekt in view: keine Verscheibung, Opacity 1*/
.bounce-up.in-view .subject {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}











 .linkbutton{
	
	background-color: #800000;
     background-color: #B5B5B5;
	display: block;
     display:inline-block;
	padding: .3rem !important;
	border-radius: .5rem;
	margin-bottom: .5rem;

}



.linkbutton:hover{
cursor:pointer;	
}
	

 .linkbutton a{
	/* font-family: "Raleway", sans-serif;*/
    text-decoration: none;
    padding-left: .2rem;
	/*font-weight:500;*/
		color:white;
	width: 100%;
	height: 100%;
	display:block;
	
}

.linkbutton a:hover{
    color: white;
	/*text-decoration:underline;*/


}











.ausbildung em{
    /*padding-top: .8rem;*/
    display: inline-block;
    color:rgb(33, 37, 41);
    
}

.ausbildung em:first-child{
   /* padding-top: 0;*/
 
    
}

.infoliste p{
    margin-bottom: .5rem !important;
}

.publications {
    color: #808080;
}

.publications a {
    text-decoration: none;
     color: #800000;
    color:#212529;


    
}
.publications a:hover {
    text-decoration: underline;
    color: #800000;
    
}




/*************************
Screensize Breakpoints
**************************/

/*Large Screen >=992px */
@media only screen and (min-width: 992px) {
.content{
	/*max-width:900px !important;*/
}
    
    .ptfcontent{
    max-width:900px !important;
    }
	
    .pgcontent{
        max-width:900px !important;
    }

    
#collapse-content {
	
	max-width:900px !important;
}
.logo {
	max-width:900px;
}
	
	.home .row{
		/*background-color:#FFFFFF;*/
	}

    
    .contentblock{
	max-width:900px !important;
  
}
	

	.home .blogcontent article {
	max-width: 900px !important;

}


	
/*.home .dateblock{
	max-width:900px !important;
}*/
	
    .home .titeltext h2{
       max-width:900px !important; 
    }
	
	.description h2{
		max-width: 700px;
	}
	
	.description p{
		max-width: 700px;
	}
	
	.headertext h1 {
		max-width:900px;
	}
	.headertext h2 {
		max-width:900px;
	}
}


/* Medium Screen >= 768*/
@media only screen and (min-width: 768px) and (max-width:991px) {
    /****Navigation********************/
    .submenu-content{
      padding-left: .95rem;
         padding-right: .95rem;
    }
     #collapse-content{
         padding-left: .95rem;
         padding-right: .95rem;
    }
    
    #navbarCollapse #collapse-content {
     padding-left: .95rem;
     padding-right: .95rem;
    
}
    .submenu{
        border-top:0rem;
    }

    .tags {
        flex-direction: row;
        margin-left: -.5rem;
        margin-right: -.5rem;
    }
    
       
    .wp-block-portfolio-portfolio-wrapper figure{
}
    

    .description{
     padding-left: .95rem;
    padding-right: .95rem;
}
    
    
    /*images Main Page*/
    .home figure.is-resized{
   width:48%;
    height: auto;
}
   
    .alignleft{
    float: left;
    margin-right: 4% !important;
} 
    
    
    .alignright{
    float: right;
    margin-left: 4%;
}

}








/*******Small screen >=576px **************/

@media only screen and (max-width: 575px) {
	
	.logo{
		text-align:left;
	}
    
    
    .headertext .logonew .logoimage{
        width:400px;
        max-width: calc(100vw-1.5rem);
        
}


.headertext .logonew .logotext{
    width: 400px;
    max-width: 100vw;
    padding-left:.75rem;
    padding-right: .75rem;
}
    
.headertext .logonew .logotext h1{
  padding:0;
    margin:auto;
}

        
.headertext .logonew .logotext h2{
    padding:0;
    margin:auto;
}

  
    
    
	
	.mainmenubar li a{
		font-size: 1.1rem;
	}
	.tags li a{
		font-size:.9rem;
	}

	
	.wp-block-columns {
		display: block !important;
	}
    .imagecard .bild {
        width: 100%;
    }
    
    .imagecard h2{
        padding-top: 1rem !important;
    }
    
    .wp-block-gallery{
         padding-bottom: 1rem !important;
    }

	.has-2-columns .wp-block-column,
	.has-3-columns .wp-block-column,
	.has-4-columns .wp-block-column,
	.has-5-columns .wp-block-column,
	.has-6-columns .wp-block-column {
		width: 100%;
	}
	


.contentblock {
	padding-left: .75rem;
    padding-right:.75rem;
	
}
	
		
.contentblock >div:nth-child(2) {
		padding-top: 2rem;
}
    
 
 .contentblock .buttonwrap{

    padding-bottom: 0rem;
}
    
    .contentblock h4{
       /* text-align: center;*/
        display:block;
    }
	
	
	.blogcontent .titeltext h2{
		/*width: 90%;*/
		padding-left:1rem;
		padding-right:1rem;
		/*margin:auto;*/
		
	}
	

	
	
	.home .dateblock {
		
		padding-left:1rem;
		padding-right:1rem;
		/*width:90%;*/
		margin:auto;
	}
    
    .linkbutton a {
       text-align: center;
    }
	
	

 
    
    .sectionimage{
    height: 100px;


}
        .headertext {
        padding-top:2rem;
    }
	

	/*.maincontent section.blog {*/
    .home .setion.blog{
		padding-top: 1rem;
		padding-bottom: 2rem;
	}

    
    .blog h2{
        /*text-align: center;*/
    }
    
	.blog figcaption{
		text-align:center;
		text-align:center;
		font-size: 0.9rem;
	}
	.blog .wp-block-gallery.has-nested-images figcaption{
	text-align: center;
	font-size: 0.9rem;
}
    
    
    
.blogcontent section:nth-of-type(even) .contentblock >div:first-child{
   order:1;
  
}
	
	.blogcontent .contentblock{
		/*width: 90%;*/
		padding:0;
	}
	
	.blogcontent .contentblock .text {
		padding-left:1rem;
		padding-right: 1rem;
	}
	
	
	.blogcontent .contentblock>div:first-child{
		padding:0;
	}


    .home .dateblock p{
    text-decoration: underline;
    /*text-align: center;*/
}
    
    .buttons >div {
        width:100%;
        display: flex;
        flex-wrap: wrap;
       
        justify-content:flex-start;
         /*justify-content: center;*/
       
    }
    
    .buttons >div p{
      /*   margin-left: .2rem;*/
        margin-right: .2rem;
        flex-grow: 1;
    }
	

	

	
	.submenu-content .content{
	padding: 0;
}


	#collapse-content{
    padding-left: 0;
    padding-right: 0;


}
	.submenu {
  	padding: .7rem 0rem .0rem 0rem;
}
	
	.navbar-toggler{
		padding: 0;
	}
	
	.qrcode{
	width: 50%;
	margin:auto;
	
}
	

	.centertext {
		text-align:center;
	}
	

    
    
	.mainmenubar ul {

  justify-content: space-between;



}
    
    
    .eindrittel {
    width: 100%;
    flex-basis: 100% !important;

}

.zweidrittel {
    width: 100%;
    flex-basis: 100%!important;
}
    

}

/*******Xlarge screen **************/

@media only screen and (min-width: 1200px) {
	.headertext h2 {
		font-size: 46px;
	}
	
	
.headertext h1{
     /*font-size: calc(0.6*54px);*/
	}
}






/* small: 576px
 medium: 768px
 large: 992px
 extra large: 1200px*/